body {background: url(../images/cover.jpg) no-repeat 0 0 / cover;}
.survey {width:100%;height:100%;overflow:hidden;position:relative;}
.logo {width:1.47rem;height:1.58rem;margin:0.35rem auto 0;}
.logo img {display:block;max-width:1.47rem;}
.title-img {display: block;width: 5.44rem;height: 2.22rem;margin: 3.37rem auto 0;}
.swipers {margin:0.913rem 0.512rem;border:1px solid #0e6eb8;border-radius: 0.04rem;background-color: rgba(255,255,255,.8);}
.swipers .title {font-size: 0.3rem;text-align: center;border-bottom: 1px solid #0e6eb8;padding: 0.2rem 0;}
.swiper-container {
	width:100%;
	height:100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
	padding:0.35rem 0.35rem 0.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}

.scores {width:100%;height:6.28rem;}
.scores h3 {margin-bottom:0.2rem;font-size:0.25rem;line-height:0.48rem;word-wrap:break-word;display:block;text-align:justify;}
.scores .f {margin:0.2rem 0 0.4rem 0;font-size:0.25rem;width:100%;}
.scores .f span {display:inline-block;height:0.75rem;width:0.75rem;line-height:0.75rem;font-size:0.42rem;color:#fff;background:#4e3821;text-align:center;border-radius:100%;margin-right:0.15rem;}

.choose {width:100%;}
.choose .input { margin-bottom:0.25rem;position:relative;}
.choose input[type="radio"],
.choose input[type="checkbox"] {position:absolute;left:0;top:0.08rem;margin: 0;vertical-align:middle;}
.choose label {font-size:0.25rem;display: block;padding-left:0.4rem;line-height:0.4rem;}

.preNexts {width:100%;height:0.88rem;border-top: 1px solid #0e6eb8;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;}
.swiper-button-next,
.swiper-button-prev,
.submit-btn {width:50%;height:0.88rem;float:left;line-height:0.88rem;text-align: center;font-size:0.29rem;color:#637d96;background: none;top: 0;margin-top: 0;}
.swiper-button-prev {left: 0;border-right: 1px solid #0e6eb8;}
.swiper-button-next,
.submit-btn {right: 0;float:right;}
.submit-btn {position: absolute;left: auto;z-index: 10;cursor: pointer;}

.con {padding:0.768rem 0 1.95rem 0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;}
.con h1 {font-size:0.36rem;text-align:center;line-height:0.4rem;margin-bottom:0.5rem;}
.con p {line-height:0.36rem;font-size:0.24rem;margin-bottom:0.3rem;text-align:justify;word-wrap:break-word;}
.con .ipt-group {margin-bottom: 0.6rem;font-size: 0.25rem;}
.ipt-group label {display: inline-block;font-size: 0.25rem;}
.join {height:0.88rem;width:70%;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:0.88rem;text-align:center;border-radius:0.06rem;display:block;font-size:0.3rem;color:#fff;margin:0.5rem auto 0;background:#c30d23;}
.start {width: 100%;font-size: 0.3rem;text-align: center;border-top: 1px solid #0e6eb8;padding: 0.2rem 0;}
.con .ipt {height:0.8rem;padding: 0 0.2rem;border:1px solid #0e6eb8;border-radius:0.06rem;font-size:0.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;}

.success {font-size: 0.3rem;color: #c30d23;letter-spacing: 2px;text-align: center;padding: 0.68rem 0;border-bottom: 1px solid #0e6eb8;}
.result-group {padding: 0.35rem;font-size: 0.25rem;line-height: 0.4rem;border-bottom: 1px solid #0e6eb8;text-align: justify;}
.result-group:last-child {border-bottom: none;}
.result-group .result-answer{margin-top: 0.1rem;color: #c30d23;}

.loading {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background: rgba(0,0,0,.8);
}

.loading-circle {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	margin: auto;
	width: 0.5rem;
	height: 0.5rem;
	border: 0.07rem solid #ddd;
	border-radius: 50%;
	border-left-color: transparent;
	-webkit-animation: rotation 1s linear infinite;
	-moz-animation: rotation 1s linear infinite;
	-ms-animation: rotation 1s linear infinite;
	-o-animation: rotation 1s linear infinite;
	animation: rotation 1s linear infinite;
}

@-webkit-keyframes rotation {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

@-moz-keyframes rotation {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

@-ms-keyframes rotation {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

@-o-keyframes rotation {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes rotation {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}